<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">

        //核心函数的4个作用
        //传入参数为[函数]时：在文档加载完成后执行这个函数, 相当于window.onload()
        $(function () {
            alert("JQ")


            $("<div>\n" +
                "    <span>div-span1</span><br/>\n" +
                "    <span1>div-span2</span1>\n" +
                "</div>").appendTo("body");

            alert($("button").length);  //$("button") 就是按钮集合对象

            var elementById = document.getElementById("1");
            alert(elementById)
        })

        //传入参数为[函数]时：在文档加载完成后执行这个函数, 相当于window.onload()
        //传入参数为[HTML字符串]时：根据这个字符串创建元素节点对象(比js简洁了好多，不然要createElement之类的)
        //传入参数为[选择器字符串]时：根据这个字符串查找元素节点对象
        //传入参数为[DOM对象]时：将DOM对象包装为jQuery对象返回

    </script>
</head>
<body>
<div>
    <button id="1">按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>

</div>
</body>
</html>